<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <body>

        <ui:composition template="./../templates/templatePrincipal.xhtml">

            <ui:define name="menuderecho">
                <h:form id="IndexForm">
                    <ul class="nav nav-pills nav-stacked">
                        <li class="active">
                            <a href="/GestInt/faces/usuario/IniciarSesion.xhtml"> <h4>Iniciar Sesion</h4> </a>
                        </li>
                    </ul>
                </h:form>  
            </ui:define>

            <ui:define name="contenido">
                <br/>
                <br/>
                <h:form id="form">
                    <p:panel id="panel" header="Crear Usuario" > 
                        <p:messages id="messages" />  

                        <p:panelGrid columns="2" >  
                            <h:outputLabel for="login" value="Login: *" />  
                            <p:inputText id="login" value="#{usuarioController.objUsuario.login}" required="true" 
                                         label="Usuario" requiredMessage="Usuario: Campo obligatorio" >  
                                <f:validateLength minimum="4" />  
                            </p:inputText>

                            <h:outputLabel for="password" value="Password: *" />  
                            <p:inputText id="password" value="#{usuarioController.objUsuario.password}" required="true" 
                                         label="Usuario" requiredMessage="Usuario: Campo obligatorio" type="password">  
                                <f:validateLength minimum="4" />  
                            </p:inputText>

                            <h:outputLabel for="rePassword" value="RePassword: *" />  
                            <p:inputText id="rePassword" value="#{usuarioController.rePassword}" required="true" 
                                         label="Usuario" requiredMessage="Usuario: Campo obligatorio" type="password" >  
                                <f:validateLength minimum="4" />  
                            </p:inputText>

                            <h:outputLabel for="idPersona" value="Id Persona: *" />  
                            <p:inputText id="idPersona" value="#{usuarioController.idPersona}" required="true" 
                                         label="Usuario" requiredMessage="Usuario: Campo obligatorio" validatorMessage="Requiere una expresion numerica" >  
                                <f:validateLongRange minimum="0" maximum="5000" /> 
                                <f:validateRegex pattern="[0-5000]" />
                            </p:inputText>

                            <h:outputLabel for="rol" value="Tipo Usuario: *" />  
                            <p:selectOneMenu id="rol" value="#{usuarioController.objUsuario.rol}"
                                             required="true" requiredMessage="#{bundle.EditUsuarioRequiredMessage_persona}">
                                <f:selectItem itemLabel="Invitado" itemValue="invitado" />  
                                <f:selectItem itemLabel="Administrativo" itemValue="administrativo" />  
                                <f:selectItem itemLabel="Estudiante" itemValue="estudiante" />  
                                <f:selectItem itemLabel="Profesor" itemValue="profesor" /> 
                            </p:selectOneMenu>

                        </p:panelGrid>

                        <p:panelGrid columns="3">
                            <p:commandButton value="Ingresar" ajax="false" update="panel" id="aceptar" action="#{usuarioController.registrarUsuario()}"/>

                        </p:panelGrid>

                    </p:panel>

                </h:form> 
            </ui:define>

        </ui:composition>

    </body>
</html>
